@import "~taro-ui/dist/style/components/icon.scss";
@import "~taro-ui/dist/style/components/float-layout.scss";
.huabao{
    width: 100%;
    height: 100vh;
    //background: rgb(222, 198, 233);
    //background: rgb(251, 214, 174);
    background:linear-gradient(to bottom,#FCE38A,#F38181);
    position: relative;
}
.left{
    width: 5vw;
    height: 3vh;
    margin-top: 20%;
    margin-left: 70%;
    /*position: absolute;
    top: 8%;
    left: 10%;*/
}
.knowlege{
    position: absolute;
    top: 6%;
    left: 32%;
    font-weight: bold;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.xiangqing{
    width: 90vw;
    height: 86vh;
    background: #fff;
    position: absolute;
    top: 13%;
    left: 5%;
}
.zanping{
    width: 87vw;
    height: 18vh;
    border: rgb(158, 93, 139) solid 3px;
    position: absolute;
    top:77.5%;
    left: 1.3%;
}
.zanpic{
    padding-left: 29%;
    margin-top: 2%;
    font-size: 30px;
}
.zantext{
    font-size: 40px;
    font-weight: bold;
    margin-top: 2%;
    margin-left: 23%;
}
.hengxian{
    margin-top: -3%;
    width: 90vw;
    height: 7vh;
}
.pic{
    position: absolute;
    top: 11%;
    left: 6.5%;
    width: 87vw;
    height: 68vh;
    background: #fff;
}
.date{
    width: 100%;
    position: absolute;
    top: 14%;
    //left: 33%;
    text-align: center;
    font-size: 35px;
}
.pictext{
    width: 63vw;
    height: 8vh;
    //border: rgb(158, 93, 139) solid 3px;
    position: absolute;
    top: 74%;
    left: 15%;
    font-weight: bold;
    //padding-left: 5%;
    //padding-top: 2%;
}
.line{
    width: 10vw;
    height: 7vh;
    position: absolute;
    top: 72.5%;
    left: 64%;
}
.right{
    width: 5vw;
    height: 2.5vh;
    position: absolute;
    top: 73.5%;
    left: 78%;
}
.picknow{
    position: absolute;
    top: 76%;
    left: 77%;
    font-size: 24px;
}
/*.message{
    position: absolute;
    top: 92%;
    left: 16%;
}*/
.heart{
    position: absolute;
    top: 92.5%;
    left: 25%;
}
.hearText{
    position: absolute;
    top: 92.5%;
    left: 32%;
    font-size: 35px;
}
.share{
    position: absolute;
    top: 92.5%;
    left: 60%;
}
.sharetext{
    position: absolute;
    top: 92.5%;
    left: 68%;
    font-size: 35px;
}
.sharebox{
    display: flex;
}
.sFriend{
    width: 50vw;
    height: 20vh;
    font-size: 34px;
    background: none;
    margin-top: 20%;
}
.sCard{
    width: 50vw;
    height: 20vh;
    font-size: 34px;
    outline: 0;
    background: none;
    margin-top: 20%;
}
.WeChat{
    width: 17vw;
    height:9vh;
}
.shareCard{
    width: 17vw;
    height:9vh;
}
.WeChatText{
    margin-top: 5%;
}
.cancel{
    margin-top: 20%;
    background: none;
}
.sFriend::after{
    border: none;
}
.sCard::after{
    border: none;
}
.cancel::after{
    border: none;
}
